<template>
  <div>
      <!-- 数据来自哪里？谁调用谁给传递值  这样就涉及到了父组件向子组件传递值  用属性绑定 -->
      <mt-swipe :auto="4000">
        <mt-swipe-item v-for="item in list" :key="item.img">
            <img :src="item.img" alt="" :class="{full:isfull}">
        </mt-swipe-item>
      </mt-swipe>
  </div>
</template>


<script>
export default {
    data(){
        return {}
    },
    methods:{},
    props:["list","isfull"]//1.在组件中定义一个props属性

  
}
</script>


<style lang="less" scoped>
.mint-swipe{
  height: 200px;
}
.mint-swipe-item{
    text-align: center;
  img{
    //width:100%;
    height:100%;
  }
  
}
//全屏的一个类
.full{
    width:100%;
}
</style>
